﻿<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" type="image/x-icon" href="/res/icon/favicon.ico" />
    <title>Flash2x Tool</title>
<link rel="stylesheet" type="text/css" href="/css/index.css">
<script type="text/javascript" src="/js/index.js"></script>
<script>
    var hostUrl = "http://hollygeekteam.com/public";
    window.onresize = function () {
        bannerSizeChange();
    }
</script>
</head>
    <body style="background: #000000">
        <div id="title_div" >
            <div id="title_frame" >
                <img id="title_logo" src="/images/Flash2xLogo.png" >
                <div id="title_btn_frame" >
                </div>
            </div>
        </div>
        <div id="first_div" class="column_style" style="background: #000000">
            <img id="main_banner" src="/images/banner.jpg" style="position: absolute;width: 100%;height: 800px">
            <div style="position:relative;width: 1000px;height: 600px;margin-left: auto;margin-right: auto;text-align: center">
                <div style="width: 1000px;height: 250px"></div>
                <div style="width: 400px;height: 75px;font-family: 微软雅黑;color: white;font-size: 50px;margin-right: auto;margin-left: auto;cursor: default">Flash2x Tool</div>
                <div style="width: 680px;height: 80px;font-family: 微软雅黑;color: #d9d9d9;font-size: 15px;margin-right: auto;margin-left: auto;cursor: default">用Flash来开发Html5，方便，快捷，高效，强大!</div>
                <button style="width: 300px;height: 50px;border-radius: 4px;font-size: 16px;font-family:微软雅黑;background: white;border-style: none;box-shadow: 1px 1px 10px #999999;cursor: pointer" onmouseover="changeBtnBg(this,1)" onmouseout="changeBtnBg(this,2)" onclick="turnToToolDownLoad(1)">Flash2x工具下载</button>
                <button style="width: 300px;height: 50px;border-radius: 4px;font-size: 16px;font-family:微软雅黑;background: white;border-style: none;box-shadow: 1px 1px 10px #999999;cursor: pointer" onmouseover="changeBtnBg(this,1)" onmouseout="changeBtnBg(this,2)" onclick="turnToToolDownLoad(2)">Annie引擎</button>
                <!--<button style="width: 300px;height: 50px;border-radius: 4px;font-size: 16px;font-family:微软雅黑;background: white;border-style: none;box-shadow: 1px 1px 10px #999999;cursor: pointer" onmouseover="changeBtnBg(this,1)" onmouseout="changeBtnBg(this,2)" onclick="turnToToolDownLoad(3)">Laya引擎</button>-->
                <div id="down_load_div" style="width:400px;height: 60px;margin-left: auto;margin-right: auto;margin-top: 30px;border-radius: 5px;background:white;display: none">

                    <!--<img id="win_ico" src="/images/winico.jpg" style="position:absolute;width: 50px;height: 50px;margin-top: 20px;left: 410px">
                    <img id="mac_ico" src="/images/macico.jpg" style="position:absolute;width: 50px;height: 50px;margin-top: 20px;left: 540px">
                    <a id="win_a" href="./Tool/Flash2xManager.win.zip" style="position:absolute;width: 60px;height: 30px;font-size: 10px;font-family: 微软雅黑;margin-top: 75px;left: 405px">win版下载</a>
                    <a id="mac_a" href="./Tool/Flash2xManager.mac.zip" style="position:absolute;width: 60px;height: 30px;font-size: 10px;font-family: 微软雅黑;margin-top: 75px;left: 535px">mac版下载</a>-->
                    <p style="position: absolute;margin-top: 20px;margin-left: 30px;font-size: 15px;font-family: 微软雅黑">请加入QQ群185090134,到群文件中下载</p>
                </div>
            </div>
        </div>
        <div id="second_div"  style="width: 100%;height: 800px">
            <div style="width: 600px;height: 250px;margin-left: auto;margin-right: auto;text-align: center">
                <p style="position:absolute;width: 600px;height: 100px;margin-top:80px;color: black;font-size: 40px;font-family: 微软雅黑;cursor: default">强大的功能特色</p>
                <p style="position:absolute;width: 600px;height: 50px;margin-top:180px;color: #7f7d7d;font-size: 14px;font-family: 微软雅黑;cursor: default">致力于提高开发效率，做到更好、更快</p>
            </div>
            <div style="width: 1200px;height: 550px;margin-left: auto;margin-right: auto;">
                <div style="position: absolute;width: 400px;height: 150px">
                    <div style="position: absolute;width: 350px;height: 150px;border: solid #bfbebe;border-width: 1px;border-radius: 6px"></div>
                    <img src="/images/index_support.jpg" style="position: absolute;width: 80px;height: 80px;margin-top: 35px;margin-left:310px;border-radius: 1px;">
                    <p style="position:absolute;width: 280px;height: 100px;word-break: break-all;color: #676767;font-size: 13px;font-family: 微软雅黑;margin-left: 20px;margin-top: 50px;cursor: default">国内唯一一款主打H5交互式引擎的Flash插件</br></br>支持JS,TS双语言开发</p>
                </div>
                <div style="position: absolute;width: 400px;height: 150px;margin-top: 170px">
                    <div style="position: absolute;width: 350px;height: 150px;border: solid #bfbebe;border-width: 1px;border-radius: 6px"></div>
                    <img src="/images/index_come.jpg" style="position: absolute;width: 80px;height: 80px;margin-top: 35px;margin-left:310px;border-radius: 1px;">
                    <p style="position:absolute;width: 280px;height: 100px;word-break: break-all;color: #676767;font-size: 13px;font-family: 微软雅黑;margin-left: 20px;margin-top: 50px;cursor: default">与Adobe Flash 软件高度融合</br></br>支持Flash cs6 及以上版本</p>
                </div>
                <div style="position: absolute;width: 400px;height: 150px;margin-top: 350px">
                    <div style="position: absolute;width: 350px;height: 150px;border: solid #bfbebe;border-width: 1px;border-radius: 6px"></div>
                    <img src="/images/index_clock.jpg" style="position: absolute;width: 80px;height: 80px;margin-top: 35px;margin-left:310px;border-radius: 1px;">
                    <p style="position:absolute;width: 280px;height: 100px;word-break: break-all;color: #676767;font-size: 13px;font-family: 微软雅黑;margin-left: 20px;margin-top: 50px;cursor: default">支持Ant,gulp两种构建工具</br></br>一键打包压缩资源和源文件，简单高效</p>
                </div>

                <div style="position: absolute;width: 400px;height: 150px;margin-left: 420px;margin-top: 170px">
                    <div style="position: absolute;width: 350px;height: 150px;border: solid #bfbebe;border-width: 1px;border-radius: 6px"></div>
                    <img src="/images/index_strong.jpg" style="position: absolute;width: 80px;height: 80px;margin-top: -35px;margin-left:135px;border-radius: 1px;">
                    <p style="position:absolute;width: 280px;height: 100px;word-break: break-all;color: #676767;font-size: 13px;font-family: 微软雅黑;margin-left: 30px;margin-top: 70px;cursor: default">引擎源码库不到70k</br></br>包罗全部交互用到的核心功能，短小精悍</p>
                </div>
                <div style="position: absolute;width: 400px;height: 150px;margin-left: 850px">
                    <div style="position: absolute;width: 350px;height: 150px;border: solid #bfbebe;border-width: 1px;border-radius: 6px"></div>
                    <img src="/images/index_shui.jpg" style="position: absolute;width: 80px;height: 80px;margin-top: 35px;margin-left:-40px;border-radius: 1px;">
                    <p style="position:absolute;width: 280px;height: 100px;word-break: break-all;color: #676767;font-size: 13px;font-family: 微软雅黑;margin-left: 80px;margin-top: 50px;cursor: default">动画效果制作简单炫酷</br></br>随时预览，运行流畅</p>
                </div>
                <div style="position: absolute;width: 400px;height: 150px;margin-left: 850px;margin-top: 170px">
                    <div style="position: absolute;width: 350px;height: 150px;border: solid #bfbebe;border-width: 1px;border-radius: 6px"></div>
                    <img src="/images/index_div.jpg" style="position: absolute;width: 80px;height: 80px;margin-top: 35px;margin-left:-40px;border-radius: 1px;">
                    <p style="position:absolute;width: 280px;height: 100px;word-break: break-all;color: #676767;font-size: 13px;font-family: 微软雅黑;margin-left: 80px;margin-top: 50px;cursor: default">成熟的CSS+Div组件直接结合使用</br></br>不需要再重新开发</p>
                </div>
                <div style="position: absolute;width: 400px;height: 150px;margin-left: 850px;margin-top: 350px">
                    <div style="position: absolute;width: 350px;height: 150px;border: solid #bfbebe;border-width: 1px;border-radius: 6px"></div>
                    <img src="/images/index_simple.jpg" style="position: absolute;width: 80px;height: 80px;margin-top: 35px;margin-left:-40px;border-radius: 1px;">
                    <p style="position:absolute;width: 280px;height: 100px;word-break: break-all;color: #676767;font-size: 13px;font-family: 微软雅黑;margin-left: 80px;margin-top: 50px;cursor: default">学习门槛低</br></br>只要会基础的js或者ts，很快就能上手</p>
                </div>
            </div>
        </div>
        <div id="title_end" >
            <div id="title_end_qr" >
                <div id="title_end_qr_table" >
                    <div class="title_end_qr_table_cell" >
                        <!--<img class="title_end_qr_table_cell_img" src="/images/publicNumber.jpg" >
                        <p class="title_end_qr_table_cell_name" style="">互立巨天服务号</p>-->
                    </div>
                </div>
            </div>
            <div id="title_end_copy">
            </div>
            <div id="title_end_info" >
<div style="width:300px;margin:0 auto; ">
		 		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42011302000212" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="http://www.beian.gov.cn/img/ghs.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">鄂公网安备 42011302000211号</p></a>
		 	</div>
                <div id="title_end_info_div" >
                    <a onmouseover="changeAColor( this , 1 )" onmouseout="changeAColor( this , 2 )" href="http://www.miitbeian.gov.cn/" id="title_end_info_a" >Copyright © 2010-2016 help2x.com 鄂ICP备14016447号-2 </a>
                </div>

                <p class="title_end_info_p" style="margin-top: 30px;" align="center"></p>
            </div>
        </div>
    </body>
</html>
